<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximun-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <title>京东</title>
  <!-- 加入flexible -->
  <script src="./js/flexible.js"></script>
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <!-- tips开始 -->
  <div class="tips">
    <div>
      <img src="./images/close.png" alt="">
    </div>
    <div>
      <img src="./images/logo1.png" alt="">
    </div>
    <div>打开京东App，购物更轻松</div>
    <div>立即打开</div>
  </div>
  <!-- tips结束 -->
  <!-- search-box开始 -->
  <header class="search-box">
    <div class="search-btn"><i></i></div>
    <div class="search">
      <span></span>
      <i></i>
      <input type="text" placeholder="超薄本"/>
    </div>
    <div class="login">登录</div>
  </header>
  <!-- search-box结束 -->
  <!-- main开始 -->
  <main class="content">
    <div class="banner">
      <div class="banner-bg"></div>
      <ul>
        <li class="prev"><a href=""><img src="./images/banner01.dpg"></a></li>
        <li class="current"><a href=""><img src="./images/banner01.dpg"></a></li>
        <li class="next"><a href=""><img src="./images/banner01.dpg"></a></li>
      </ul>
    </div>
    <!-- 推荐页面 -->
    <div class="recommend">
      <a href="#"><img src="images/banner_bottom_01.dpg" alt=""></a>
      <a href="#"><img src="images/banner_bottom_02.dpg" alt=""></a>
      <a href="#"><img src="images/banner_bottom_03.dpg" alt=""></a>
    </div>
    <!-- 推荐页结束 -->
    <!-- 导航开始 -->
    <nav class="nav">
      <a href="#"><img src="./images/nav01.webp" alt=""><span>京东超市</span></a>
      <a href="#"><img src="./images/nav02.webp" alt=""><span>京东超市</span></a>
      <a href="#"><img src="./images/nav03.webp" alt=""><span>京东超市</span></a>
      <a href="#"><img src="./images/nav03.webp" alt=""><span>京东超市</span></a>
      <a href="#"><img src="./images/nav05.webp" alt=""><span>京东超市</span></a>
      <a href="#"><img src="./images/nav01.webp" alt=""><span>京东超市</span></a>
      <a href="#"><img src="./images/nav02.webp" alt=""><span>京东超市</span></a>
      <a href="#"><img src="./images/nav03.webp" alt=""><span>京东超市</span></a>
      <a href="#"><img src="./images/nav04.webp" alt=""><span>京东超市</span></a>
      <a href="#"><img src="./images/nav05.webp" alt=""><span>京东超市</span></a>
    </nav>
    <!-- 导航结束 -->
    <!-- 新人专享专区 -->
    <div class="new">
      <a href="#"><img src="./images/new1.dpg"></a>
      <a href="#"><img src="./images/new2.dpg"></a>
    </div>
    <!-- 新人专享专区结束 -->
    <!-- 为你推荐专区 -->
    <div class="recommend-for-you">
      <div class="title">
        <a href="#">
          <img src="./images/recommen.png" alt="">
        </a>
      </div>
      <div class="goodslist">
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
        <div class="goodslist-item">
          <div class="content">
            <div class="img-box">
              <img src="./images/goodslist_item.webp" alt="">
            </div>
            <span>花花公子Playboy老爹鞋休闲鞋子男鞋2020秋冬新款板鞋男士时尚运动跑步鞋低帮透气厚底增高鞋潮鞋 白色 44标准运动鞋码</span>
            <p>
              <span>￥198</span>
              <span>看相似</span>
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- 为你推荐专区结束 -->
  </main>
  <!-- main结束 -->
</body>
</html>